<template>
  <div class="frame">
    <headerTop class="header-top"></headerTop>
    <div class="content-botton" :class="{'hideSidebar':getIsCollapse}">
      <leftMenu class="left-menu"></leftMenu>
      <div class="right-content"
           :class="{'model':getIsCollapse}"
      >
        <headBox class="header-box"></headBox>
        <div class="content">
          <transition>
            <keep-alive :include="keepLiveInclude">
              <router-view></router-view>
            </keep-alive>
          </transition>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import {mapGetters} from 'Vuex';
  import leftMenu from './leftMenu/LeftMenu';
  import headerTop from './headerTop/headerTopLogic';
  import headBox from './rightContent/head/HeadBox';

  export default {

    components: {
      leftMenu,
      headerTop,
      headBox// name
    },
    name: "frameView",
    props: {
      // msg: String //  [name: typeof]
    },
    filters: {},
    computed: {
      ...mapGetters(['keepLiveInclude', 'getIsCollapse'])
    },
    watch: {},
    data() {
      return {}
    },
    created() {

    },
    mounted() {

    },
    methods: {},
    destroyed() {

    }
  }
</script>

<style lang="less">
  @import url("./frame");
</style>
